<template>
  <div class="container">
    <left/>
    <div class="main-container">
        <right-top/>
        <right-main/>
    </div>
  </div>
</template>
<script>
import Left from '@/components/layout/Left'
import RightTop from '@/components/layout/RightTop'
import RightMain from '@/components/layout/RightMain'
export default {
   components:{
       Left,
       RightTop,
       RightMain
   }
}
</script>
<style lang="scss" scoped>
    .container{
        position: relative;
        display: flex;
        height: 100%;
        .main-container{
          display: flex;
          flex-grow: 1;
          flex-flow: column nowrap;
          z-index: 2;
          background-color: white;
          
        }
    }
  
</style>

